<template>
  <div class="yjjyBox">
    <van-tabs v-model="activeName" color="#1677FF" v-if="role !== 'frame'">
      <van-tab title="意见建议" name="jy"></van-tab>
      <van-tab title="历史记录" name="history"></van-tab>
    </van-tabs>
    <component :is="activeName"></component>
  </div>
</template>

<script>
import jy from './jy.vue';
import history from './history.vue';

export default {
  name: 'yjjy',
  data() {
    return {
      activeName: 'jy',
      role: window.localStorage.getItem('role')
    }
  },
  components: {
    history,
    jy
  },
  mounted() {
    if(this.role == 'frame') {
      this.activeName = 'history'
    }
  },
  methods: {

  }
}
</script>

<style lang="less" scoped>
.yjjyBox {
  background-color: #F5F5F5;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
</style>